1. 导览

本章节将讲解列表页 如何使用自定义接口来获取列表数据, 如何关联其他的表(比如user表存了deptid但是列表中要展示detpName怎么做) 如何使用自定义按钮,打开dialog 以及如何禁用掉自带按钮。 如何格式化列表显示字段 onListPageReady的使用

2.如何使用自定义接口给前段返回数据

A 在modelConfig中添加一个key叫做 dataGridUrl:’${path.basePath}/ms/pay_carcome/findPayCarcomePage’ 定义之后就会在这里取数据

B 自定义一个控制器@RequestMapping(“/ms/namespace”) 继承 ModelSuperAction(后面会讲解这个类有哪些方法基本上CRUD的方法全有了) 假如ModelSuperAction 提供的方法不满足需求,我们自定义一个方法 叫做public Pager findPager(args..) 方法 @RequestMapping(“findPayCarcomePage”) 然后自己写sql去查询即可。

C 如果想自定义删除url 可 在 modelConfig设置 delUrl,del url需要返回 HttpResult

3.如何关联其他的表

假如我们现在用表user,列表中需要获取到user的detpName应该怎么做呢?

A 第一步在detp的js中 modelConfig 添加 joinColumns:JSON.stringify({detp_name(数据库字段名): ‘deptName’(自定义名字)})

B 在user.js的listPage.listFieldSett 添加 [ {name:’dept_id’,title:’部门名称’,width:’25%’,align:’center’,trans:’pagex’,namespace:’detp’,showField:’transMap.deptName’] 大功告成,是不是很简单呀。

4. 自定义按钮和禁用默认按钮

listPage.disableButtons 可以配置一个数组,用来设置禁用哪些按钮。

[‘search’,’add’,’view’,’update’,’delete’,’export’]

如果这样配置的话,那么 搜索,添加,查看详情,修改,删除,excel导出按钮就都被禁用了。

自定义按钮:

listPage.buttons 可以配置一个数组,用于设置自定义按钮。

return [ {title:’审核’,fun:’apply’(触发哪个方法),permissionsCode:’flow:apply’(权限编码),isRow:true(必须选中列表一行才能操作)}, ];

因为权限编码是flow:apply 所以在添加菜单权限的时候记得添加一个 其他类型的权限 code为apply 否则这个按钮会因为没有权限出不来。

有了按钮必须配合自定义方法才能完成我们的功能,不然按钮点了没事件 也没啥用。

listPage.otherFunctions 是一个配置自定义方法的参数输入图片说明

  1. 你可以学着上面配置一个自定义方法,如果这个方法是点击按钮触发的,按钮isRow:true 的时候你可以接收一个row的对象,就是用户列表选中的那行json数据。

5.listPage.listFieldSett 列表显示字段的高级配置

  1. 列表插件使用到了easyui datagrid插件,所以datagrid 插件所有的配置属性我们全部都支持,包含格式化单元格的方法

输入图片说明

6.过滤条件配置

过滤条件我们现在支持:date,input,book,select,bt(日期区间)

本章节参考资料:http://114.116.20.119/2019/04/01/pagex%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/

有很多细节没有写到文档上欢迎加群交流

QQ群:976278956

附上一个例子 https://gitee.com/fhs-opensource/fhs-framework/blob/master/fhs_mini_admin/src/main/webapp/pagex/demo/parking.js